(function () {
  let myChart = echarts.init(document.querySelector(".box-m3"));
  let option;

  option = {
    color: ["#22DCB8", "#F47100"],
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "cross",
        crossStyle: {
          color: "#999",
        },
        lineStyle: {
          type: "dashed",
        },
      },
    },
    // grid: {
    //   left: "25",
    //   right: "25",
    //   bottom: "24",
    //   top: "75",
    //   containLabel: true,
    // },
    legend: {
      // orient: 'horizontal',
      icon: "rect",
      show: true,
      right: 30,
      top: 25,
    },
    xAxis: {
      type: "category",
      data: [
        "1月",
        "2月",
        "3月",
        "3月",
        "4月",
        "5月",
        "6月",
        "7月",
        "8月",
        "9月",
        "10月",
        "11月",
        "12月",
      ],
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
    },
    yAxis: {
      type: "value",
      axisLabel: {
        color: "#999",
        textStyle: {
          fontSize: 12,
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: "#F3F4F4",
          type: "dashed", // y轴分割线类型
        },
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
    },
    // dataZoom: [
    //   {
    //     type: "inside",
    //     start: 0,
    //     end: 60,
    //   },
    //   {
    //     start: 0,
    //     end: 60,
    //   },
    // ],
    series: [
      {
        name: "销售额",
        type: "line",
        smooth: true,
        symbol: "none",
        data: [13, 4, 44, 45, 122, 76, 13, 4, 44, 45, 122, 76, 100],
      },
      {
        name: "利润",
        type: "line",
        smooth: true,
        symbol: "none",
        data: [13, 54, 34, 144, 35, 53, 13, 54, 34, 144, 35, 53, 88],
      },
    ],
  };

  myChart.setOption(option);
  window.onresize = function () {
    myChart.resize();
  };
})();
